<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一,介绍一下vuex
      // vuex可以理解为是一种集中式管理的开发模式,它是一个数据管理仓库,可以存放一些组件之间共享的数据

      // 二,说一下vuex里的核心属性
      // store (用来存放共享的数据
      // mutation (用来修改state,只能进行同步请求,在组件中使用store.commit调用)
      // action (用来进行异步请求,组件中使用store.dispatch调用)
      // getter (用来进行快捷访问,有点类似于vue中的计算属性)
      // model (用来进行模块化,防止变量冲突,代码冗余等)

      // 三,vuex解决了那些问题?
      // 01.当多个组件依赖于同一个数据的时候,如果进行组件传值的话会非常繁琐

      // 四,Vuex 的 Mutation 和 Action 之间的区别是什么？
      // 1.Mutation：必须同步执行,专门用于修改store
      // 2.Action：进行异步请求,但是不能直接操作store

      // 五,什么是单一数据流?
      // button-(dispatch)-->action(异步）--(commit)--mutation--store-->依赖store的页面发生改变
      // 父子组件的props严格遵循单一数据流

      // 注意!
       //  1.vuex的store最终是在浏览器的内存中存储的  (解释:当浏览器执行代码的时候会将vuex中的数据存储在内存中)
    </script>
  </body>
</html>
